<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
<title>信保通</title>
<!-- HTML5 Shim and Respond.js IE9 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script type="text/javascript" th:src="${urls.getForLookupPath('https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js')}"></script>
      <![endif]-->
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="Phoenixcoded">
<meta name="keywords"
	content=", Flat ui, Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
<meta name="author" content="Phoenixcoded">
<!-- Favicon icon -->
<link rel="icon" th:href="${urls.getForLookupPath('/assets/images/favicon.ico')}" type="image/x-icon">
<!-- Google font-->
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">-->
<!-- Required Fremwork -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/bootstrap/css/bootstrap.min.css')}">
<!-- themify icon -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/icon/themify-icons/themify-icons.css')}">
<!-- ico font -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/icon/icofont/css/icofont.css')}">
<!-- flag icon framework css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/flag-icon/flag-icon.min.css')}"> -->
<!-- Menu-Search css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/menu-search/css/component.css')}"> -->
<!-- Horizontal-Timeline css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/dashboard/horizontal-timeline/css/style.css')}"> -->
<!-- amchart css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/dashboard/amchart/css/amchart.css')}"> -->
<!-- flag icon framework css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/flag-icon/flag-icon.min.css')}"> -->
<!-- Style.css -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/style.css')}">
<!--color css-->
<!-- Date-time picker css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/advance-elements/css/bootstrap-datetimepicker.css')}"> -->
<!-- Date-range picker css  -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/bootstrap-daterangepicker/css/daterangepicker.css')}" /> -->
<!-- Date-Dropper css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datedropper/css/datedropper.min.css')}" /> -->
<!-- Data Table Css -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}"> -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/data-table/css/buttons.dataTables.min.css')}"> -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}"> -->

<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/linearicons.css')}"> -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/simple-line-icons.css')}">
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/ionicons.css')}"> -->
<!-- <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/jquery.mCustomScrollbar.css')}"> -->
<!-- pages -->
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/element.css')}">
<link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/common.css')}">
<style>
/*.el-message-box__btns button.el-button--default { display:none;}*/
.el-message-box__btns button.el-button--default.el-button--primary { display:inline-block}
.el-upload-list__item-name {
	font-size: 12px;
    overflow: visible;
    white-space: normal;
  }
</style>
</head>

<body>
<!-- Pre-loader start -->
	<div class="theme-loader">
	</div>
	<!-- Pre-loader end -->
	<!-- Menu header start -->
	<div id="pcoded" class="pcoded">
		<div class="pcoded-overlay-box"></div>
		<div class="pcoded-container navbar-wrapper">
            <div id="topBar"></div>
			<div class="pcoded-main-container">
				<div class="pcoded-wrapper">
				    <!-- nav -->
				    <div id="sidebarNavbar"></div>
					<div class="pcoded-content">
						<div class="pcoded-inner-content">
                            <!-- main start -->
                            <div class="main-body" id="mainBody">
                                <div class="page-wrapper">
                                    <div class="page-header">
                                        <div class="page-header-title">
                                            <h4>产品发布</h4>
                                            <span>产品发布管理，包含产品属性发布、项目/活动发布、销售计划发布......</span>
                                        </div>
                                        <div class="page-header-breadcrumb">
                                            <ul class="breadcrumb-title">
                                                <li class="breadcrumb-item"><a href="../index"> <i class="icofont icofont-home"></i>
                                                </a></li>
                                                <li class="breadcrumb-item"><a href="#!">产品管理</a></li>
                                                <li class="breadcrumb-item"><a href="#!">产品发布</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="page-body">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="card table-1-card">
                                                    <div class="card-block">
                                                        <ul class="nav nav-tabs md-tabs " role="tablist">
                                                            <li class="nav-item">
                                                                <a class="nav-link active" data-toggle="tab" href="#product" role="tab" id="products"><i class="icofont icofont-home"></i>产品</a>
                                                                <div class="slide"></div>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link" data-toggle="tab" href="#sale" role="tab" id="sales"><i class="icofont icofont-ui-message"></i>产品组合</a>
                                                                <div class="slide"></div>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link" data-toggle="tab" href="#activity" role="tab" id="activitys"><i class="icofont icofont-ui-user "></i>项目/活动</a>
                                                                <div class="slide"></div>
                                                            </li>
                                                        </ul>
                                                        <div class="tab-content card-block">
                                                            <!-- 产品 -->
                                                            <div class="tab-pane active" id="product" name="product" role="tabpanel" @close="closeDialog('ruleForm')">
                                                                <el-form :model="ruleForm" :rules="productrules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
                                                                    <el-row>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="产品id" prop="id"  v-show="false">
                                                                                <el-input  v-model="ruleForm.id" clearable value-key></el-input>
                                                                            </el-form-item>
                                                                            <el-form-item label="产品标识" prop="ident"  v-show="false">
                                                                                <el-input  v-model="ruleForm.ident" clearable></el-input>
                                                                            </el-form-item>
                                                                            <el-form-item label="产品代码" prop="productcode">
                                                                                <el-input placeholder="请输入产品代码" v-model="ruleForm.productcode" clearable></el-input>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="8">
                                                                        <el-form-item label="产品名称" prop="productname">
                                                                            <el-input placeholder="请输入产品名称" v-model="ruleForm.productname" clearable></el-input>
                                                                        </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="险种类别" prop="insurancetype">
                                                                                <el-select v-model="ruleForm.insurancetype" placeholder="请选择险种类别">
                                                                                    <el-option v-for="category in insuranceCategory" :label="category.label" :value="category.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="产品状态" prop="productstate">
                                                                                <el-select v-model="ruleForm.productstate" placeholder="请选择产品状态">
                                                                                    <el-option v-for="productState in productState" :label="productState.label" :value="productState.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="发布状态" prop="releasestate">
                                                                                <el-select v-model="ruleForm.releasestate" placeholder="请选择发布状态">
                                                                                    <el-option v-for="relaseState in relaseState" :label="relaseState.label" :value="relaseState.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="发布有效期" prop="relaseDate">
                                                                                <el-date-picker v-model="ruleForm.relaseDate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="24">
                                                                            <el-form-item label="发布栏目" prop="releasecolumns">
                                                                                <el-select multiple filterable v-model="ruleForm.releasecolumns" placeholder="请选择发布栏目">
                                                                                    <el-option v-for="type in types" :label="type.label" :value="type.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="24">
                                                                            <el-form-item label="使用渠道" prop="usechannels">
                                                                                <el-select multiple filterable v-model="ruleForm.usechannels" placeholder="请选择使用渠道">
                                                                                    <el-option v-for="channel in channels" :value="channel.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="12">
                                                                            <el-form-item label="可查看岗位" prop="viewablepsns">
                                                                                <el-select multiple filterable v-model="ruleForm.viewablepsns" placeholder="请选择可查看岗位">
                                                                                    <el-option v-for="permissions in permissionses" :label="permissions.TP_NAME" :value="permissions.TP_NAME"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="12">
                                                                            <el-form-item label="可查看机构" prop="viewabledepts">
                                                                                <el-select multiple filterable v-model="ruleForm.viewabledepts" placeholder="请选择可查看机构">
                                                                                    <el-option v-for="organ in organs" :value="organ.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row v-for="(file, index) in ruleForm.files">
                                                                        <el-col :span="8">
                                                                            <el-form-item label="附件类别" :prop="'files.' + index + '.filesTypes'">
                                                                                <el-select v-model="file.filesTypes" placeholder="请选择附件类别">
                                                                                    <el-option v-for="filesType in productFilesTypes" :label="filesType.label" :value="filesType.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="16" style="position:relative;">
                                                                            <el-form-item label="附件上传" :prop="'files.' + index + 'fileList'">
                                                                                <el-upload 
                                                                                        class="upload-demo"
                                                                                        ref="upload"
                                                                                        :action="uploadFile(index)"
                                                                                        :on-preview="handlePreview"
                                                                                        :on-remove="handleRemove"
                                                                                        :before-remove="beforeRemove"
                                                                                        :on-Error="uploadError"
                                                                                        :on-Success="uploadSuccess"
                                                                                        multiple
                                                                                        :limit="10"
                                                                                        :on-exceed="handleExceed"
                                                                                        :file-list="file.fileList">
                                                                                    <el-button size="small" type="primary">点击上传</el-button>
                                                                                    <div slot="tip" class="el-upload__tip"><!-- 只能上传xlsx文件，且不超过500kb --></div>
                                                                                </el-upload>
                                                                            </el-form-item>
                                                                            <div class="removeAccessory" @click="removeAccessory(file)"><i class="el-icon-circle-close"></i></div>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="24">
                                                                            <div class="addAccessories el-upload--picture-card" @click="addAccessory"><i class="el-icon-plus"></i><span>增加附件</span></div>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="24" class="card-btns">
                                                                            <button type="button" class="btn btn-round btn-success" @click="submitForm"><i class="icofont icofont-save"></i>确定发布</button>
                                                                            <button type="button" class="btn btn-round btn-warning" @click="resetForm('ruleForm','upload')"  id="button3">清空</button>
                                                                        </el-col>
                                                                    </el-row>
                                                                </el-form>
                                                            </div>
                                                            <!-- 项目/活动 -->
                                                            <div class="tab-pane" id="activity" name="activity" role="tabpanel">
                                                                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
                                                                    <el-row>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="项目活动名称" prop="projectname">
                                                                                <el-input v-model="ruleForm.projectname" placeholder="请输入项目活动名称" clearable></el-input>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="活动时间" prop="relaseDate">
                                                                                <el-date-picker v-model="ruleForm.relaseDate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="发布状态" prop="releasestate">
                                                                                <el-select v-model="ruleForm.releasestate" placeholder="请选择发布状态" clearable>
                                                                                    <el-option v-for="relaseState in relaseState" :label="relaseState.label" :value="relaseState.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row v-for="(file, index) in ruleForm.files">
                                                                        <el-col :span="8">
                                                                            <el-form-item label="附件类别" :prop="'files.' + index + '.filesTypes'">
                                                                                <el-select v-model="file.filesTypes" placeholder="请选择附件类别">
                                                                                    <el-option v-for="activityFilesType in activityFilesTypes" :label="activityFilesType.label" :value="activityFilesType.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                         <el-col :span="16" style="position:relative;">
                                                                            <el-form-item label="附件上传" :prop="'files.' + index + 'fileList'">
                                                                                <el-upload 
                                                                                        class="upload-demo"
                                                                                        ref="upload"
                                                                                        :action="uploadFile(index)"
                                                                                        :on-preview="handlePreview"
                                                                                        :on-remove="handleRemove"
                                                                                        :before-remove="beforeRemove"
                                                                                        :on-Error="uploadError"
                                                                                        :on-Success="uploadSuccess"
                                                                                        multiple
                                                                                        :limit="10"
                                                                                        :on-exceed="handleExceed"
                                                                                        :file-list="file.fileList">
                                                                                    <el-button size="small" type="primary">点击上传</el-button>
                                                                                    <div slot="tip" class="el-upload__tip"><!-- 只能上传xlsx文件，且不超过500kb --></div>
                                                                                </el-upload>
                                                                            </el-form-item>
                                                                            <div class="removeAccessory" @click="removeAccessory(file)"><i class="el-icon-circle-close"></i></div>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="24">
                                                                            <div class="addAccessories el-upload--picture-card" @click="addAccessory"><i class="el-icon-plus"></i><span>增加附件</span></div>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="24" class="card-btns">
                                                                            <button type="button" class="btn btn-round btn-success" @click="submitForm"><i class="icofont icofont-save"></i>确定发布</button>
                                                                            <button type="button" class="btn btn-round btn-warning" @click="resetForm('ruleForm','upload')" id="button2">清空</button>
                                                                        </el-col>
                                                                    </el-row>
                                                                </el-form>
                                                            </div>
                                                            <!-- 产品组合 -->
                                                            <div class="tab-pane" id="sale" name="sale" role="tabpanel">
                                                                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
                                                                    <el-row>
                                                                        <el-col :span="8">
                                                                          <el-form-item label="产品id" prop="id"  v-show="false">
                                                                                <el-input  v-model="ruleForm.id" clearable></el-input>
                                                                            </el-form-item>
                                                                             <el-form-item label="产品标识" prop="ident"  v-show="false">
                                                                                <el-input  v-model="ruleForm.ident" clearable></el-input>
                                                                            </el-form-item>
                                                                            <el-form-item label="计划代码" prop="productcode">
                                                                                <el-input v-model="ruleForm.productcode" placeholder="请输入计划代码" clearable></el-input>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="计划名称" prop="productname">
                                                                                <el-input v-model="ruleForm.productname" placeholder="请输入计划名称" clearable></el-input>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="险种类别" prop="insurancetype">
                                                                                <el-select v-model="ruleForm.insurancetype" placeholder="请选择险种类别">
                                                                                    <el-option v-for="category in insuranceCategory" :value="category.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="计划状态" prop="productstate">
                                                                                <el-select v-model="ruleForm.productstate" placeholder="请选择计划状态">
                                                                                    <el-option v-for="productState in productState" :label="productState.label" :value="productState.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="发布状态" prop="releasestate">
                                                                                <el-select v-model="ruleForm.releasestate" placeholder="请选择发布状态">
                                                                                    <el-option v-for="relaseState in relaseState" :label="relaseState.label" :value="relaseState.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="8">
                                                                            <el-form-item label="发布有效期" prop="relaseDate">
                                                                                <el-date-picker v-model="ruleForm.relaseDate" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="24">
                                                                            <el-form-item label="发布栏目" prop="releasecolumns">
                                                                                <el-select multiple filterable v-model="ruleForm.releasecolumns" placeholder="请选择发布栏目">
                                                                                    <el-option v-for="type in types" :label="type.label" :value="type.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="24">
                                                                            <el-form-item label="使用产品" prop="subproducts">
                                                                                <el-select multiple filterable v-model="ruleForm.subproducts" placeholder="请选择使用产品">
                                                                                    <el-option v-for="product in products" :label="product.productname" :value="product.id"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="24">
                                                                            <el-form-item label="使用渠道" prop="usechannels">
                                                                                <el-select multiple filterable v-model="ruleForm.usechannels" placeholder="请选择使用渠道">
                                                                                    <el-option v-for="channel in channels" :value="channel.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="12">                                                                                                                                   
                                                                        <el-form-item label="可查看机构" prop="viewabledepts">
                                                                                <el-select multiple filterable v-model="ruleForm.viewabledepts" placeholder="请选择可查看机构">
                                                                                    <el-option v-for="organ in organs" :value="organ.value"></el-option>
                                                                                </el-select>
                                                                             </el-form-item>
                                                                         </el-col>
                                                                         <el-col :span="12">
                                                                            <el-form-item label="可查看岗位" prop="viewablepsns">
                                                                                <el-select multiple filterable v-model="ruleForm.viewablepsns" placeholder="请选择可查看岗位">
                                                                                    <el-option v-for="permissions in permissionses" :value="permissions.TP_NAME"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                         </el-col>
                                                                    </el-row>
                                                                    <el-row v-for="(file, index) in ruleForm.files">
                                                                        <el-col :span="8">
                                                                            <el-form-item label="附件类别" :prop="'files.' + index + '.filesTypes'">
                                                                                <el-select v-model="file.filesTypes" placeholder="请选择附件类别">
                                                                                    <el-option v-for="filesType in saleFilesTypes" :label="filesType.label" :value="filesType.value"></el-option>
                                                                                </el-select>
                                                                            </el-form-item>
                                                                        </el-col>
                                                                        <el-col :span="16" style="position:relative;">
                                                                           <el-form-item label="附件上传" :prop="'files.' + index + 'fileList'">
                                                                                <el-upload 
                                                                                        class="upload-demo"
                                                                                        ref="upload"
                                                                                        :action="uploadFile(index)"
                                                                                        :on-preview="handlePreview"
                                                                                        :on-remove="handleRemove"
                                                                                        :before-remove="beforeRemove"
                                                                                        :on-Error="uploadError"
                                                                                        :on-Success="uploadSuccess"
                                                                                        multiple
                                                                                        :limit="10"
                                                                                        :on-exceed="handleExceed"
                                                                                        :file-list="file.fileList">
                                                                                    <el-button size="small" type="primary">点击上传</el-button>
                                                                                    <div slot="tip" class="el-upload__tip"><!-- 只能上传xlsx文件，且不超过500kb --></div>
                                                                                </el-upload>
                                                                            </el-form-item>
                                                                            <div class="removeAccessory" @click="removeAccessory(file)"><i class="el-icon-circle-close"></i></div>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="24">
                                                                            <div class="addAccessories el-upload--picture-card" @click="addAccessory"><i class="el-icon-plus"></i><span>增加附件</span></div>
                                                                        </el-col>
                                                                    </el-row>
                                                                    <el-row>
                                                                        <el-col :span="24" class="card-btns">
                                                                             <button type="button" class="btn btn-round btn-success" @click="submitForm"><i class="icofont icofont-save"></i>确定发布</button>
                                                                             <button type="button" class="btn btn-round btn-warning" @click="resetForm('ruleForm','upload')" id="button1">清空</button>
                                                                        </el-col>
</el-row>
                                                                </el-form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                 </div>
                             </div>


                            <!-- main end -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Older IE warning message -->
	<!-- Warning Section Ends -->
	<!-- Required Jqurey -->
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/jquery/js/jquery.min.js')}"></script>
	<!-- <script th:src="${urls.getForLookupPath('/bower_components/jquery-ui/js/jquery-ui.min.js')}"></script> -->
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/popper.js/js/popper.min.js')}"></script>
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/bootstrap/js/bootstrap.min.js')}"></script>
	<!-- jquery slimscroll js -->
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/jquery-slimscroll/js/jquery.slimscroll.js')}"></script>
	<!-- modernizr js -->
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/modernizr/js/modernizr.js')}"></script>
	<!-- <script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/modernizr/js/css-scrollbars.js')}"></script> -->
	<!-- classie js -->
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/classie/js/classie.js')}"></script>

	<!-- i18next.min.js -->
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/i18next/js/i18next.min.js')}"></script>
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/i18next-xhr-backend/js/i18nextXHRBackend.min.js')}"></script>
	<!-- <script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/i18next-browser-languagedetector/js/i18nextBrowserLanguageDetector.min.js')}"></script> -->
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/jquery-i18next/js/jquery-i18next.min.js')}"></script>



	<!-- Bootstrap date-time-picker js -->
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/assets/pages/advance-elements/moment-with-locales.min.js')}"></script>
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}"></script>
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/assets/pages/advance-elements/bootstrap-datetimepicker.min.js')}"></script>
	<!-- Date-range picker js -->
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/bootstrap-daterangepicker/js/daterangepicker.js')}"></script>
	<!-- Date-dropper js -->
	<script type="text/javascript"
            th:src="${urls.getForLookupPath('/bower_components/datedropper/js/datedropper.min.js')}"></script>
	<!-- Custom js -->
	<!-- <script type="text/javascript" th:src="${urls.getForLookupPath('/assets/pages/advance-elements/custom-picker.js')}"></script> -->
	<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/script.js')}"></script>
	<!-- <script th:src="${urls.getForLookupPath('/assets/js/pcoded.min.js')}"></script> -->
	<!-- pcmenu js -->
	<script th:src="${urls.getForLookupPath('/assets/js/pcoded.min.js')}"></script>
	<script th:src="${urls.getForLookupPath('/assets/js/demo-12.js')}"></script>
	<script th:src="${urls.getForLookupPath('/assets/js/jquery.mCustomScrollbar.concat.min.js')}"></script>
	<script th:src="${urls.getForLookupPath('/assets/js/jquery.mousewheel.min.js')}"></script>
    <!-- vue js -->
	<script th:src="${urls.getForLookupPath('/assets/js/vue/vue.min.js')}"></script>
    <script th:src="${urls.getForLookupPath('/assets/js/vue/element.js')}"></script>
    <!-- pages -->
    <script th:src="${urls.getForLookupPath('/assets/js/pages/common.js')}"></script>
    <script th:src="${urls.getForLookupPath('/assets/js/pages/product/productRelease.js')}"></script>
</body>
</html>
